.muma1{
    width: 100%;
    height: 400px;
    /* border: 1px solid red; */
    margin-top: 50px;
    color: aliceblue;
    text-align: center;
    position: relative;
}
.muma2{
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 180px;
    /* border: 1px solid red; */
    animation-name:alX,alY, scaleall;
    animation-duration: 10s,10s,20s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.36, 0, 0.64, 1);
    
}
@keyframes alX {
    0%{
        left: -50px;
    }
    100%{
        left: calc(100% - 100px);
    }
}
@keyframes alY {
    0%{
        top: 10px;
    }
    100%{
        top: 100%;
    }
}
@keyframes scaleall {
    0%{
        transform: scale(0.5);
    }
    50%{
        transform: scale(1);
    }
    100%{
        transform: scale(0.5);
    }
}
